<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                padding: 0px;
                margin: 0px;
                list-style: none;
            }
            a:hover{
                text-decoration: underline ;
                text-decoration-color: white;
            }
            .head{
                height: 95px;
                width: 989px;
                /* background: red; */
                margin: 0px auto;
            }
            .nav{
                height: 67px;
                width: 100%;
                background: url(https://docs.alibabagroup.com/assets2/images/cn/global/nav_bg.png) repeat-x;
            }
            .con{
                height: 588px;
                /* height: 100%; */
                background: #fff1c4;;
            }
            .con img{
                display: block;
                margin: 0px auto;
            }
            .footer{
                height: 421px;
                width: 100%;
                background: #ff6a00;
                overflow: hidden;

            }
            .head img{
                float: left;
                margin-top: 28px;
            }
            select{
                outline: none;
                border: none;
            }
            .head input{
                position: relative;
                margin-top: 30px;
                margin-right: 24px;
                float: right;
                border-radius: 6px;
                color: black;
                padding-left: 10px;
                width: 180px;
                font-size: 13px;
                line-height: 26px;
                height: 26px;
            }
            .head select{
                color: #ff6600;
                margin-top: 37px;
                margin-right: 20px;
                float: right;
            }
            .head button{
                position: relative;
                left: 179px;
                top: 32px;
                float: right;
                width: 16px;
                height: 16px;
                background: url("./images/search_btn.png") top no-repeat;
                text-indent: -9999px;
                border: none;
                vertical-align: top;
                margin-top: 5px;
            }
            .nav select{
                height: 67px;
                background: url("./images/nav_bg.png") repeat-x;
                color: white;
            }
            .nav-select{
                width: 960px;
                height: 588px;
                margin: 0px auto;
            }
            .nav select:hover{
                background: #EFEDCB;
            }
            .nav select{
                padding: 28px 88px 20px 55px;
               
            }
            .footer-div{
                width: 989px;
                height: 343px;
                margin: 42px auto 0px auto;
                /* background-color:darkturquoise; */
                border-bottom: 1px solid #ccc;
            }
            .footer a{
                color: #fff;
                text-decoration: none;
                font-weight: 400;
                font-size: 12px;
                line-height: 23px;
            }
            .footer-div span{
                display: block;
                text-transform: uppercase;
                font-weight: bold;
                line-height: 12px;
                /* margin-bottom: 12px; */
                font-size: 12px;
                margin-bottom: 5px;
                color: white;
            }
            .footer-div img{
                float: left;
                margin-right: 33px;
            }

            .about{
                float: left;
                /* background: red; */
                height: 228px;
                width: 183px;
                
            }
            .tz{
                float: left;
                /* background: orange; */
                height: 228px;
                width: 183px;
            }
            .news{
                float: left;
                /* background: blue; */
                height: 228px;
                width: 183px;
            }
            .contact{
                float: left;
                /* background: olivedrab; */
                height: 228px;
                width: 183px;
            }
            .footer-last{
                width: 679px;
                height: 50px;
                margin: 10px auto 0px auto;
            }
        </style>
    </head>
    <body>
        <div class="head">
            <img src="./images/logo_header.png" alt="">
            

            <select name="" id="">
                <option value="">简</option>
            </select>
            
            <select name="" id="">
                <option value="">阿里巴巴相关平台</option>
            </select>
            <input  placeholder="搜寻阿里巴巴集团" type="text">
            <button type="submit">搜索</button>
          
        </div>
        <div class="nav">

            <div class="nav-select">
                <select name="" id="">
                    <option value="">关于我们</option>
                </select>
                <select name="" id="">
                    <option value="">投资者关系</option>
                </select>
                <select name="" id="">
                    <option value="">新闻及媒体资源</option>
                </select>
                <select name="" id="">
                    <option value="">联系我们</option>
                </select>
            </div>
        </div>
        <div class="con">
            <img src="./images/home_banner_1.png">
        </div>
        <div class="footer">
            <div class="footer-div">
                <img src="./images/logo_footer.png" alt="">
                <div class="about">
                    <span>关于我们</span>
                    <ul>
                        <li>
                            <a href="">公司简介</a>
                        </li>
                        <li>
                            <a href="">业务范畴</a>
                        </li>
                        <li>
                            <a href="">历史及里程碑</a>
                        </li>
                        <li>
                            <a href="">文化和价值观</a>
                        </li>
                        <li>
                            <a href="">廉正合规</a>
                        </li>
                        <li>
                            <a href="">常见问题</a>
                        </li>
                    </ul>
                </div>
                <div class="tz">
                    <span>投资者关系</span>
                    <ul>
                        <li>
                            <a href="">投资者关系主页</a>
                        </li>
                        <li>
                            <a href="">投资者新闻及活动</a>
                        </li>
                        <li>
                            <a href="">投资者日</a>
                        </li>
                        <li>
                            <a href="">季度业绩</a>
                        </li>
                        <li>
                            <a href="">美国证交会公告</a>
                        </li>
                        <li>
                            <a href="">香港联交所公告</a>
                        </li>
                        <li>
                            <a href="">公司治理</a>
                        </li>
                        <li>
                            <a href="">财务报告</a>
                        </li>
                        <li>
                            <a href="">ESG/可持续发展</a>
                        </li>
                    </ul>
                </div>
                <div class="news">
                    <span>新闻及媒体资源</span>
                    <ul>
                        <li>
                            <a href="">新闻发布</a>
                        </li>
                        <li>
                            <a href="">阿里足迹新闻网站</a>
                        </li>
                        <li>
                            <a href="">媒体报导</a>
                        </li>
                        <li>
                            <a href="">视频</a>
                        </li>
                        <li>
                            <a href="">媒体资料库</a>
                        </li>
                        <li>
                            <a href="">社交媒体</a>
                        </li>
                        <li>
                            <a href="">阿里巴巴新冠肺炎抗疫行动</a>
                        </li>
                    </ul>
                </div>
                <div class="contact">
                    <span>联系我们</span>
                    <ul>
                        <li>
                            <a href="">全球地点</a>
                        </li>
                        <li>
                            <a href="">投资者联系</a>
                        </li>
                        <li>
                            <a href="">媒体联系</a>
                        </li>
                        <li>
                            <a href="">客户联系</a>
                        </li>
                        <li>
                            <a href="">国际执法机构用户信息咨询指南</a>
                        </li>
                        <li>
                            <a href="">知识产权保障</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-last">
                <a href="">加入我们</a>
                <span style="color: white;">|</span>
                <a href="">免责声明</a>
                <span style="color: white;">|</span>
                <a href="">私隱政策</a>
                <span style="color: white;">|</span>
                <span style="color: white;font-size: 10px;">版权公告 © 1999-2021 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</span>
            </div>
        </div>
        
    </body>
</html>